//分页查询时的数据渲染
//当前页
var currentPage = 1;
//数据容器,将查询到的游记数组的数据全部存到该容器中,再拿该容器的内容去渲染界面
var travels = [];
//总页数
var pages;
//标记是否可以进行查询,相当于同步锁
var loading = true;

//查询填充数据的方法,queryUrl是查询的请求资源,obj是被进行数据渲染的jQuery对象
function queryAndBlank(queryUrl,obj){
    if (loading){
        //当有查询任务在进行时,关闭可查询开关
        loading = false;
        $.get(queryUrl,{currentPage:currentPage},function (data) {
            console.log(data);
            //合并两个数组到第一个数组上
            $.merge(travels,data.list);
            //将travels数组再进行包装,主要将它封装到list变量中,便于渲染时读取变量
            var json = {list:travels};
            //使用jrender进行数据渲染
            obj.renderValues(json,{
                getHref:getHref,
                getStar:function (item, value) {
                    var temp='';
                    for (var i = 0; i < value ; i++) {
                        temp += '<i class="fa fa-star"></i>';
                    }
                    for (var i = 0; i < 5-value ; i++) {
                        temp += '<i class="fa fa-star-o"></i>';
                    }
                    $(item).html(temp);
                }
            });
            $('.comment-img img').click(function () {
                console.log('picture');
                var src = $(this).attr('src');
                $(document).dialog({
                    titleShow: false,
                    style: 'ios',
                    overlayClose: true,
                    content: '<img src="'+src+'" width="100%">',
                    position: 'center'  // center: 居中; bottom: 底部
                });
            });
            //当前页自增
            currentPage++;
            //总页数
            pages = data.pages;
            //当查询结束之后,打开查询开关
            loading = true;
        });
    }
}

/**
 * 游记监听函数,监听窗口滚动和游记的分页查询,并进行数据渲染
 * function listeningQuery(queryUrl,obj) {}
 * @param1 queryUrl:进行游记分页查询的url
 * @param2 obj:进行数据渲染的jQuery对象
 */
function listeningQuery(queryUrl,obj) {
    queryAndBlank(queryUrl,obj);
    $(window).scroll(function () {
        // console.log("窗口在滚动");
        if (($(window).height()+$(document).scrollTop())>=$(document).height()-10){
            if (currentPage<=pages){
                queryAndBlank(queryUrl,obj);
            }else{
                if (($(window).height()+$(document).scrollTop())>=$(document).height()) {
                    $(document).dialog({
                        type : 'notice',
                        infoText: '客官,已经到底啦!',
                        autoClose: 2000,
                        position: 'bottom'  // center: 居中; bottom: 底部
                    });
                }

            }
        }
    });
}

var getHref = function(item, value) {
    var url = $(item).data('url');
    $(item).attr('href',url+value);
}